<template>
    <div>
        <div class="tab border-bottom">
            <router-link tag="div" to="/commodity" class="tab-item">
                商品
            </router-link>
            <router-link tag="div" to="/comment" class="tab-item">
                评价
            </router-link>
            <router-link tag="div" to="/merchant" class="tab-item">
                商家
            </router-link>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="stylus" scoped>
// 使用属性穿透
.myactive{
    color rgb(240,20,20) !important
}
.border-bottom{
    border-bottom: .01rem solid rgba(7,17,27,.2)
}
.tab{
    display flex
    height .8rem
    line-height .8rem
    .tab-item{
        flex 1
        text-align center
        font-size .28rem
        color rgb(77,85,93)
    }
}
</style>
